<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link id="style" rel="stylesheet" type="text/css" href="style.css"></link>
	<script type="text/javascript" src="lefun.js"></script>
	<title>le fun - daftar konten</title>
</head>

<body>
	<!-- header section -->
	<div class="header">
		<div id="logo">
			<a href="index.html"><img src="images/logo.png" alt="logo" width="100" height="30" /></a>
		</div>
		<div id="konten">
			<button type="button" onclick="gotoDaftarKonten()">Daftar Konten</button>
		</div>
		<div id="tombol">
			<button type="button" onclick="gotoHalamanRegistrasi()">Register</button>
		</div>
		<div id="home">
			<button type="button" onclick="gotoHalamanUtama()">Home</button>
		</div>
		<div id="styles">
			<select name="styler" onchange="changeStyle(this.options[this.selectedIndex].value)">
				<option value="style.css">Style 1</option>
				<option value="style2.css">Style 2</option>
			</select>
		</div>
	</div>
	<div class="head">
		<img src="images/main.png" alt="main" width="300px" height="100" />
	</div>
	<div class="post" id="daf">
		<button type="button" onclick="gotoHalamanPost()">Post Your Content</button>
	</div>
	<!-- konten home-->
	<div class="content_daf">
		<div id="kont1" class="content">
			<div class="gambar">
				<object type="application/x-shockwave-flash" width="160px" height="120px" data="http://www.youtube.com/v/HQ1KaYEBe5U"><param name="movie" value="http://www.youtube.com/v/HQ1KaYEBe5U" /></object>
			</div>
			<div class="text">
				<h1><a href="konten1.html">Most Insane Immersive Movie Experience EVER</a></h1>
				<p> Time = 2/2/12 16:39</p>
				<p id="p1"> Likes = <script type="text/javascript">randomDaf(1);document.write(randDaf[0]);</script></p>
				<button id="dislike1" class="dislike" type="button" onclick="dislikeDaf(1)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(1)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like1" type="button" onclick="likeDaf(1)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(1)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont2" class="content">
			<div class="gambar">
				<img src="images/andika-naruto.jpg" alt="naruto" width="160px" height="120px" />	
			</div>
			<div class="text">
				<h1><a href="konten2.html">Tidak.....</a></h1>
				<p> Time = 27/2/12 09:42</p>
				<p id="p2"> Likes = <script type="text/javascript">randomDaf(2);document.write(randDaf[1]);</script></p>
				<button id="dislike2" class="dislike" type="button" onclick="dislikeDaf(2)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(2)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like2" type="button" onclick="likeDaf(2)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(2)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont3" class="content">
			<div class="link">
				<p>http://www.coolfunny<br />
				jokes.com/Funny-Jokes/Misc-Jokes/Electric-Train.html</p>
			</div>
			<div class="text">
				<h1><a href="konten3.html">Electric Train</a></h1>
				<p> Time = 4/2/12 14:00</p>
				<p id="p3"> Likes = <script type="text/javascript">randomDaf(3);document.write(randDaf[2]);</script></p>
				<button id="dislike3" class="dislike" type="button" onclick="dislikeDaf(3)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(3)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like3" type="button" onclick="likeDaf(3)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(3)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont4" class="content">
			<div class="gambar">
				<img src="images/gambar2.jpg" alt="egg" width="160px" height="120px" />
			</div>
			<div class="text">
				<h1><a href="konten4.html">Funny Eggs</a></h1>
				<p> Time = 12/2/12 12:11</p>
				<p id="p4"> Likes = <script type="text/javascript">randomDaf(4);document.write(randDaf[3]);</script></p>
				<button id="dislike4" class="dislike" type="button" onclick="dislikeDaf(4)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(4)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like4" type="button" onclick="likeDaf(4)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(4)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont5" class="content">
			<div class="gambar">
				<object type="application/x-shockwave-flash" width="160px" height="120px" data="http://www.youtube.com/v/U4b7flwMTwM"><param name="movie" value="http://www.youtube.com/v/U4b7flwMTwM" /></object>
			</div>
			<div class="text">
				<h1><a href="konten5.html">Top 10 of the World worst Goalkeeping blunder</a></h1>
				<p> Time = 18/2/12 13:15</p>
				<p id="p5"> Likes = <script type="text/javascript">randomDaf(5);document.write(randDaf[4]);</script></p>
				<button id="dislike5" class="dislike" type="button" onclick="dislikeDaf(5)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(5)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like5" type="button" onclick="likeDaf(5)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(5)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont6" class="content">
			<div class="gambar">
				<img src="images/gambar3.jpg" alt="penguin" width="160px" height="120px" />
			</div>
			<div class="text">
				<h1><a href="#">Superb Cat</a></h1>
				<p> Time = 17/2/12 11:32</p>
				<p id="p6"> Likes = <script type="text/javascript">randomDaf(6);document.write(randDaf[5]);</script></p>
				<button id="dislike6" class="dislike" type="button" onclick="dislikeDaf(6)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(6)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like6" type="button" onclick="likeDaf(6)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(6)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont7" class="content">
			<div class="gambar">
				<img src="images/gambar4.jpg" alt="penguin" width="160px" height="120px" />
			</div>
			<div class="text">
				<h1><a href="#">Funny Liberty</a></h1>
				<p> Time = 28/2/12 04:21</p>
				<p id="p7"> Likes = <script type="text/javascript">randomDaf(7);document.write(randDaf[6]);</script></p>
				<button id="dislike7" class="dislike" type="button" onclick="dislikeDaf(7)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(7)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like7" type="button" onclick="likeDaf(7)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(7)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont8" class="content">
			<div class="link">
				<p>http://www.superlaugh<br />.com/funpages/duck-hunting.php</p>
			</div>
			<div class="text">
				<h1><a href="#">Duck Hunting</a></h1>
				<p> Time = 1/3/12 18:22</p>
				<p id="p8"> Likes = <script type="text/javascript">randomDaf(8);document.write(randDaf[7]);</script></p>
				<button id="dislike8" class="dislike" type="button" onclick="dislikeDaf(8)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(8)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like8" type="button" onclick="likeDaf(8)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(8)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont9" class="content">
			<div class="gambar">
				<img src="images/gambar5.jpg" alt="penguin" width="160px" height="120px" />
			</div>
			<div class="text">
				<h1><a href="#">Piggy Banks</a></h1>
				<p> Time = 3/2/12 15:49</p>
				<p id="p9"> Likes = <script type="text/javascript">randomDaf(9);document.write(randDaf[8]);</script></p>
				<button id="dislike9" class="dislike" type="button" onclick="dislikeDaf(9)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(9)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like9" type="button" onclick="likeDaf(9)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(9)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
		<div class="garis">
				<hr />
		</div>
		<div id="kont10" class="content">
			<div class="gambar">
				<object type="application/x-shockwave-flash" width="160px" height="120px" data="http://www.youtube.com/v/bSiDLCf5u3s"><param name="movie" value="http://www.youtube.com/v/bSiDLCf5u3s" /></object>
			</div>
			<div class="text">
				<h1><a href="#">Funny Accidents</a></h1>
				<p> Time = 3/3/12 22:46</p>
				<p id="p10"> Likes = <script type="text/javascript">randomDaf(10);document.write(randDaf[9]);</script></p>
				<button id="dislike10" class="dislike" type="button" onclick="dislikeDaf(10)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutDisLikeDaf(10)"><img src="images/dislike.png" alt="dislike" width="30" height="30" /></button>
				<button id="like10" type="button" onclick="likeDaf(10)" onmouseover="this.style.backgroundColor='#070'" onmouseout="mouseOutLikeDaf(10)"><img src="images/like.png" alt="like" width="30" height="30" /></button>
			</div>
		</div>
	</div>
</body>
</html>